




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>User interface
 - CSS2.1 Test Suite</title>
  <style type="text/css">* { margin: 0; padding: 0 }
    @import "http://www.w3.org/StyleSheets/TR/base.css";
    @import "../indices.css";
  </style>
 </head>

 <body>

  <h1>CSS2.1 Test Suite</h1>
  <h2>User interface
 (353 tests)</h2>
  <table width="100%">
    <col id="test-column"></col>
    <col id="flags-column"></col>
    <col id="info-column"></col>
    <thead>
      <tr>
        <th>Test</th>
        <th><abbr title="Rendering References">Refs</abbr></th>
        <th>Flags</th>
        <th>Info</th>
      </tr>
    </thead>
    <tbody id="s18.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s18.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">18.1 Cursors: the 'cursor' property
</a></th></tr>
      <!-- 40 tests -->
      <tr id="cursor-001-18.1" class="primary image interact">
        <td><strong>
            <a href="cursor-001.xht">cursor-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor using the 'url()' function
          <ul class="assert">
            <li>Cursor 'uri' results in the cursor that is specified by the URI.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-002-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-002.xht">cursor-002</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'auto'
          <ul class="assert">
            <li>Cursor 'auto' results in a cursor that is determined by the user agent according to the context.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-003-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-003.xht">cursor-003</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'crosshair'
          <ul class="assert">
            <li>Cursor 'crosshair' results in a crosshair cursor resembling a '+' sign.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-004-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-004.xht">cursor-004</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'default'
          <ul class="assert">
            <li>Cursor 'default' results in the default cursor.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-005-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-005.xht">cursor-005</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'pointer'
          <ul class="assert">
            <li>Cursor 'pointer' results in a cursor that indicates a link.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-006-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-006.xht">cursor-006</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'move'
          <ul class="assert">
            <li>Cursor 'move' results in a cursor that indicates an element can be moved.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-007-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-007.xht">cursor-007</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'e-resize'
          <ul class="assert">
            <li>Cursor 'e-resize' results in a cursor that indicates the east edge of an element can be moved.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-008-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-008.xht">cursor-008</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'ne-resize'
          <ul class="assert">
            <li>Cursor 'ne-resize' results in a cursor that indicates the north-east corner of an element can be moved.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-009-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-009.xht">cursor-009</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'nw-resize'
          <ul class="assert">
            <li>Cursor 'nw-resize' results in a cursor that indicates the north-west corner of an element can be moved.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-010-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-010.xht">cursor-010</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'n-resize'
          <ul class="assert">
            <li>Cursor 'n-resize' results in a cursor that indicates the north edge of an element can be moved.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-011-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-011.xht">cursor-011</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'se-resize'
          <ul class="assert">
            <li>Cursor 'se-resize' results in a cursor that indicates the south-east corner of an element can be moved.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-012-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-012.xht">cursor-012</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'sw-resize'
          <ul class="assert">
            <li>Cursor 'sw-resize' results in a cursor that indicates the south-west corner of an element can be moved.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-013-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-013.xht">cursor-013</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 's-resize'
          <ul class="assert">
            <li>Cursor 's-resize' results in a cursor that indicates the south edge of an element can be moved.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-014-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-014.xht">cursor-014</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'w-resize'
          <ul class="assert">
            <li>Cursor 'w-resize' results in a cursor that indicates the west edge of an element can be moved.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-015-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-015.xht">cursor-015</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'text'
          <ul class="assert">
            <li>Cursor 'text' results in a cursor that indicates user can select or input text.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-016-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-016.xht">cursor-016</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'wait'
          <ul class="assert">
            <li>Cursor 'wait' results in a cursor that indicates the page is busy and user needs to wait.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-017-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-017.xht">cursor-017</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'help'
          <ul class="assert">
            <li>Cursor 'help' results in a cursor that indicates help information is available.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-018-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-018.xht">cursor-018</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'progress'
          <ul class="assert">
            <li>Cursor 'progress' results in a cursor that indicates something is in progression.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-019-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-019.xht">cursor-019</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor set to 'inherit'
          <ul class="assert">
            <li>Cursor 'inherit' results in the same cursor value as the parent element has.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-020-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-020.xht">cursor-020</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>cursor - &lt;uri&gt; value
          <ul class="assert">
            <li>If the user agent cannot handle an user-defined cursor, it must use the generic cursor at the end of the list. The auto value should make UA determine the cursor to display based on the current context.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-021-18.1" class="primary interact invalid">
        <td><strong>
            <a href="cursor-021.xht">cursor-021</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>cursor - &lt;uri&gt; value
          <ul class="assert">
            <li>When an user-defined cursor is provided, a generic cursor value must be provided at the end of the list.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-022-18.1" class="primary interact invalid">
        <td><strong>
            <a href="cursor-022.xht">cursor-022</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>cursor - set to an invalid value
          <ul class="assert">
            <li>The property 'cursor', when set to an invalid value or an illegal value, must be ignored. Then, instead, the cursor to display should be based on the current context.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-023-18.1" class="primary image interact">
        <td><strong>
            <a href="cursor-023.xht">cursor-023</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>PNG or GIF cursor
        </td>
      </tr>
      <tr id="cursor-024-18.1" class="primary animated image interact may">
        <td><strong>
            <a href="cursor-024.xht">cursor-024</a></strong></td>
        <td></td>
        <td><abbr class="animated" title="Animated Test">Animated</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>animated GIF cursor
        </td>
      </tr>
      <tr id="cursor-applies-to-001-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-001.xht">cursor-applies-to-001</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a display of table-row-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-002-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-002.xht">cursor-applies-to-002</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a display of table-header-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-003-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-003.xht">cursor-applies-to-003</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a display of table-footer-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-004-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-004.xht">cursor-applies-to-004</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a display of table-row.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-005-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-005.xht">cursor-applies-to-005</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'cursor' property does not apply to elements with a display of table-column-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-006-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-006.xht">cursor-applies-to-006</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'cursor' property does not apply to elements with a display of table-column.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-007-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-007.xht">cursor-applies-to-007</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a display of table-cell.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-008-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-008.xht">cursor-applies-to-008</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a display of inline.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-009-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-009.xht">cursor-applies-to-009</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'block'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a display of block.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-010-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-010.xht">cursor-applies-to-010</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-012-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-012.xht">cursor-applies-to-012</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a display of inline-block.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-013-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-013.xht">cursor-applies-to-013</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'table'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a display of table.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-014-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-014.xht">cursor-applies-to-014</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a display of inline-table.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-applies-to-015-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-applies-to-015.xht">cursor-applies-to-015</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor applied to element with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'cursor' property applies to elements with a display of table-caption.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-fallback-001-18.1" class="primary interact">
        <td><strong>
            <a href="cursor-fallback-001.xht">cursor-fallback-001</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Cursor specified with missing image for the url()
          <ul class="assert">
            <li>When a specified URL cursor doesn't exist, the next specified cursor is used.</li>
          </ul>
        </td>
      </tr>
      <tr id="cursor-url-001-18.1" class="primary image interact">
        <td><strong>
            <a href="cursor-url-001.xht">cursor-url-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Url cursor
          <ul class="assert">
            <li>URI cursor is applied correctly.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s18.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s18.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/ui.html#system-colors">18.2 System Colors
</a></th></tr>
      <!-- 1 tests -->
      <tr id="system-colors-001-18.2" class="primary">
        <td><strong>
            <a href="system-colors-001.xht">system-colors-001</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS Colours: Highlight and HighlightText
        </td>
      </tr>
    </tbody>
    <tbody id="s18.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s18.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/ui.html#system-fonts">18.3 User preferences for fonts
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s18.4">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s18.4">+</a>
        <a href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">18.4 Dynamic outlines: the 'outline' property
</a></th></tr>
      <!-- 309 tests -->
      <tr id="outline-001-18.4" class="primary">
        <td><strong>
            <a href="outline-001.xht">outline-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: one value with outline-color
          <ul class="assert">
            <li>Outline value specified in the form of 'color' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-002-18.4" class="primary">
        <td><strong>
            <a href="outline-002.xht">outline-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: one value with outline-style
          <ul class="assert">
            <li>Outline value specified in the form of 'style' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-003-18.4" class="primary">
        <td><strong>
            <a href="outline-003.xht">outline-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: one value with outline-width
          <ul class="assert">
            <li>Outline value specified in the form of 'width' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-004-18.4" class="primary">
        <td><strong>
            <a href="outline-004.xht">outline-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: two values in the order of 'outline-color outline-style'
          <ul class="assert">
            <li>Outline value specified in the form of 'color style' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-005-18.4" class="primary">
        <td><strong>
            <a href="outline-005.xht">outline-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: two values in the order of 'outline-color outline-width'
          <ul class="assert">
            <li>Outline value specified in the form of 'color width' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-006-18.4" class="primary">
        <td><strong>
            <a href="outline-006.xht">outline-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: two values in the order of 'outline-style outline-color'
          <ul class="assert">
            <li>Outline value specified in the form of 'style color' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-007-18.4" class="primary">
        <td><strong>
            <a href="outline-007.xht">outline-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: two values in the order of 'outline-style outline-width'
          <ul class="assert">
            <li>Outline value specified in the form of 'style width' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-008-18.4" class="primary">
        <td><strong>
            <a href="outline-008.xht">outline-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: two values in the order of 'outline-width outline-color'
          <ul class="assert">
            <li>Outline value specified in the form of 'width color' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-009-18.4" class="primary">
        <td><strong>
            <a href="outline-009.xht">outline-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: two values in the order of 'outline-width outline-style'
          <ul class="assert">
            <li>Outline value specified in the form of 'width style' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-010-18.4" class="primary">
        <td><strong>
            <a href="outline-010.xht">outline-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: three values in the order of 'outline-color outline-style outline-width'
          <ul class="assert">
            <li>Outline value specified in the form of 'color style width' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-011-18.4" class="primary">
        <td><strong>
            <a href="outline-011.xht">outline-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: three values in the order of 'outline-color outline-width outline-style'
          <ul class="assert">
            <li>Outline value specified in the form of 'color width style' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-012-18.4" class="primary">
        <td><strong>
            <a href="outline-012.xht">outline-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: three values in the order of 'outline-style outline-color outline-width'
          <ul class="assert">
            <li>Outline value specified in the form of 'style color width' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-013-18.4" class="primary">
        <td><strong>
            <a href="outline-013.xht">outline-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: three values in the order of 'outline-style outline-width outline-color'
          <ul class="assert">
            <li>Outline value specified in the form of 'style width color' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-014-18.4" class="primary">
        <td><strong>
            <a href="outline-014.xht">outline-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: three values in the order of 'outline-width outline-color outline-style'
          <ul class="assert">
            <li>Outline specified in the form of 'width color style' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-015-18.4" class="primary">
        <td><strong>
            <a href="outline-015.xht">outline-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: three values in the order of 'outline-width outline-style outline-color'
          <ul class="assert">
            <li>Outline value specified in the form of 'width style color' is correctly applied.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-016-18.4" class="primary">
        <td><strong>
            <a href="outline-016.xht">outline-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: inherit with one value
          <ul class="assert">
            <li>Outline with value inherit uses its parent's outline values (1 value).</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-017-18.4" class="primary">
        <td><strong>
            <a href="outline-017.xht">outline-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: inherit with two values
          <ul class="assert">
            <li>Outline with value inherit uses its parent's outline values (2 values).</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-018-18.4" class="primary">
        <td><strong>
            <a href="outline-018.xht">outline-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline: inherit with three values
          <ul class="assert">
            <li>Outline with value inherit uses its parent's outline values (3 values).</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-019-18.4" class="primary ahem interact">
        <td><strong>
            <a href="outline-019.xht">outline-019</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>outline - text-align
          <ul class="assert">
            <li>The outline should be drawn around an object and may be drawn starting just outside the border edge of such object.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-020-18.4" class="primary ahem interact">
        <td><strong>
            <a href="outline-020.xht">outline-020</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>outline - text-align
          <ul class="assert">
            <li>The outline should be drawn around an object and may be drawn starting just outside the border edge of such object.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-001-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-001.xht">outline-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display table-row-group
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of table-row-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-002-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-002.xht">outline-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display table-header-group
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of table-header-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-003-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-003.xht">outline-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display table-footer-group
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of table-footer-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-004-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-004.xht">outline-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display table-row
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of table-row.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-005-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-005.xht">outline-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display table-column-group
          <ul class="assert">
            <li>The 'outline' property does not apply to elements with a display of table-column-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-006-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-006.xht">outline-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display table-column
          <ul class="assert">
            <li>The 'outline' property does not apply to elements with a display of table-column.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-007-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-007.xht">outline-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display table-cell
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of table-cell.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-008-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-008.xht">outline-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display inline
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of inline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-009-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-009.xht">outline-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display block
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of block.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-010-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-010.xht">outline-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display list-item
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of list-item.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-012-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-012.xht">outline-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display inline-block
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of inline-block.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-013-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-013.xht">outline-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display table
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of table.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-014-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-014.xht">outline-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display inline-table
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of inline-table.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-applies-to-015-18.4" class="primary">
        <td><strong>
            <a href="outline-applies-to-015.xht">outline-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline applied to element with display table-caption
          <ul class="assert">
            <li>The 'outline' property applies to elements with a display of table-caption.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-001-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-001.xht">outline-color-001</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#00000'
          <ul class="assert">
            <li>Outline color #00000 (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-002-18.4" class="primary">
        <td><strong>
            <a href="outline-color-002.xht">outline-color-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#000000'
          <ul class="assert">
            <li>Outline color #000000 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-003-18.4" class="primary">
        <td><strong>
            <a href="outline-color-003.xht">outline-color-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#010101'
          <ul class="assert">
            <li>Outline color #010101 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-004-18.4" class="primary">
        <td><strong>
            <a href="outline-color-004.xht">outline-color-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#999999'
          <ul class="assert">
            <li>Outline color #999999 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-005-18.4" class="primary">
        <td><strong>
            <a href="outline-color-005.xht">outline-color-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#fefefe'
          <ul class="assert">
            <li>Outline color #fefefe renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-006-18.4" class="primary">
        <td><strong>
            <a href="outline-color-006.xht">outline-color-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#ffffff'
          <ul class="assert">
            <li>Outline color #ffffff renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-007-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-007.xht">outline-color-007</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#1000000'
          <ul class="assert">
            <li>Outline color #1000000 (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-008-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-008.xht">outline-color-008</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#fgfgfg'
          <ul class="assert">
            <li>Outline color #fgfgfg (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-009-18.4" class="primary">
        <td><strong>
            <a href="outline-color-009.xht">outline-color-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#010000'
          <ul class="assert">
            <li>Outline color #010000 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-010-18.4" class="primary">
        <td><strong>
            <a href="outline-color-010.xht">outline-color-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#990000'
          <ul class="assert">
            <li>Outline color #990000 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-011-18.4" class="primary">
        <td><strong>
            <a href="outline-color-011.xht">outline-color-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#fe0000'
          <ul class="assert">
            <li>Outline color #fe0000 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-012-18.4" class="primary">
        <td><strong>
            <a href="outline-color-012.xht">outline-color-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#ff0000'
          <ul class="assert">
            <li>Outline color #ff0000 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-013-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-013.xht">outline-color-013</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#fg0000'
          <ul class="assert">
            <li>Outline color #fg0000 (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-014-18.4" class="primary">
        <td><strong>
            <a href="outline-color-014.xht">outline-color-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#000100'
          <ul class="assert">
            <li>Outline color #000100 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-015-18.4" class="primary">
        <td><strong>
            <a href="outline-color-015.xht">outline-color-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#009900'
          <ul class="assert">
            <li>Outline color #009900 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-016-18.4" class="primary">
        <td><strong>
            <a href="outline-color-016.xht">outline-color-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#00fe00'
          <ul class="assert">
            <li>Outline color #00fe00 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-017-18.4" class="primary">
        <td><strong>
            <a href="outline-color-017.xht">outline-color-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#00ff00'
          <ul class="assert">
            <li>Outline color #00ff00 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-018-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-018.xht">outline-color-018</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#00fg00'
          <ul class="assert">
            <li>Outline color #00fg00 (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-019-18.4" class="primary">
        <td><strong>
            <a href="outline-color-019.xht">outline-color-019</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#000001'
          <ul class="assert">
            <li>Outline color #000001 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-020-18.4" class="primary">
        <td><strong>
            <a href="outline-color-020.xht">outline-color-020</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#000099'
          <ul class="assert">
            <li>Outline color #000099 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-021-18.4" class="primary">
        <td><strong>
            <a href="outline-color-021.xht">outline-color-021</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#0000fe'
          <ul class="assert">
            <li>Outline color #0000fe renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-022-18.4" class="primary">
        <td><strong>
            <a href="outline-color-022.xht">outline-color-022</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#0000ff'
          <ul class="assert">
            <li>Outline color #0000ff renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-023-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-023.xht">outline-color-023</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#0000fg'
          <ul class="assert">
            <li>Outline color #0000fg (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-024-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-024.xht">outline-color-024</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#00'
          <ul class="assert">
            <li>Outline color #00 (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-025-18.4" class="primary">
        <td><strong>
            <a href="outline-color-025.xht">outline-color-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#000'
          <ul class="assert">
            <li>Outline color #000 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-026-18.4" class="primary">
        <td><strong>
            <a href="outline-color-026.xht">outline-color-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#111'
          <ul class="assert">
            <li>Outline color #111 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-027-18.4" class="primary">
        <td><strong>
            <a href="outline-color-027.xht">outline-color-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#999'
          <ul class="assert">
            <li>Outline color #999 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-028-18.4" class="primary">
        <td><strong>
            <a href="outline-color-028.xht">outline-color-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#eee'
          <ul class="assert">
            <li>Outline color #eee renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-029-18.4" class="primary">
        <td><strong>
            <a href="outline-color-029.xht">outline-color-029</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#fff'
          <ul class="assert">
            <li>Outline color #fff renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-030-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-030.xht">outline-color-030</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#1000'
          <ul class="assert">
            <li>Outline color #1000 (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-031-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-031.xht">outline-color-031</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#ggg'
          <ul class="assert">
            <li>Outline color #ggg (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-032-18.4" class="primary">
        <td><strong>
            <a href="outline-color-032.xht">outline-color-032</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#100'
          <ul class="assert">
            <li>Outline color #100 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-033-18.4" class="primary">
        <td><strong>
            <a href="outline-color-033.xht">outline-color-033</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#900'
          <ul class="assert">
            <li>Outline color #900 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-034-18.4" class="primary">
        <td><strong>
            <a href="outline-color-034.xht">outline-color-034</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#e00'
          <ul class="assert">
            <li>Outline color #e00 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-035-18.4" class="primary">
        <td><strong>
            <a href="outline-color-035.xht">outline-color-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#f00'
          <ul class="assert">
            <li>Outline color #f00 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-036-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-036.xht">outline-color-036</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#g00'
          <ul class="assert">
            <li>Outline color #g00 (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-037-18.4" class="primary">
        <td><strong>
            <a href="outline-color-037.xht">outline-color-037</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#010'
          <ul class="assert">
            <li>Outline color #010 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-038-18.4" class="primary">
        <td><strong>
            <a href="outline-color-038.xht">outline-color-038</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#090'
          <ul class="assert">
            <li>Outline color #090 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-039-18.4" class="primary">
        <td><strong>
            <a href="outline-color-039.xht">outline-color-039</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#0e0'
          <ul class="assert">
            <li>Outline color #0e0 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-040-18.4" class="primary">
        <td><strong>
            <a href="outline-color-040.xht">outline-color-040</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#0f0'
          <ul class="assert">
            <li>Outline color #0f0 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-041-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-041.xht">outline-color-041</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#0g0'
          <ul class="assert">
            <li>Outline color #0g0 (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-042-18.4" class="primary">
        <td><strong>
            <a href="outline-color-042.xht">outline-color-042</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#001'
          <ul class="assert">
            <li>Outline color #001 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-043-18.4" class="primary">
        <td><strong>
            <a href="outline-color-043.xht">outline-color-043</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#009'
          <ul class="assert">
            <li>Outline color #009 renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-044-18.4" class="primary">
        <td><strong>
            <a href="outline-color-044.xht">outline-color-044</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#00e'
          <ul class="assert">
            <li>Outline color #00e renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-045-18.4" class="primary">
        <td><strong>
            <a href="outline-color-045.xht">outline-color-045</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to '#00f'
          <ul class="assert">
            <li>Outline color #00f renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-046-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-color-046.xht">outline-color-046</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-color set to '#00g'
          <ul class="assert">
            <li>Outline color #00g (invalid) falls back to a default color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-047-18.4" class="primary">
        <td><strong>
            <a href="outline-color-047.xht">outline-color-047</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(-1%, -1%, -1%)'
          <ul class="assert">
            <li>Outline color rgb(-1%, -1%, -1%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-048-18.4" class="primary">
        <td><strong>
            <a href="outline-color-048.xht">outline-color-048</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-049-18.4" class="primary">
        <td><strong>
            <a href="outline-color-049.xht">outline-color-049</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(1%, 1%, 1%)'
          <ul class="assert">
            <li>Outline color rgb(1%, 1%, 1%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-050-18.4" class="primary">
        <td><strong>
            <a href="outline-color-050.xht">outline-color-050</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(-0%, -0%, -0%)'
          <ul class="assert">
            <li>Outline color rgb(-0%, -0%, -0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-051-18.4" class="primary">
        <td><strong>
            <a href="outline-color-051.xht">outline-color-051</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+0%, +0%, +0%)'
          <ul class="assert">
            <li>Outline color rgb(+0%, +0%, +0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-052-18.4" class="primary">
        <td><strong>
            <a href="outline-color-052.xht">outline-color-052</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(50%, 50%, 50%)'
          <ul class="assert">
            <li>Outline color rgb(50%, 50%, 50%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-053-18.4" class="primary">
        <td><strong>
            <a href="outline-color-053.xht">outline-color-053</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+50%, +50%, +50%)'
          <ul class="assert">
            <li>Outline color rgb(+50%, +50%, +50%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-054-18.4" class="primary">
        <td><strong>
            <a href="outline-color-054.xht">outline-color-054</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(99%, 99%, 99%)'
          <ul class="assert">
            <li>Outline color rgb(99%, 99%, 99%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-055-18.4" class="primary">
        <td><strong>
            <a href="outline-color-055.xht">outline-color-055</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(100%, 100%, 100%)'
          <ul class="assert">
            <li>Outline color rgb(100%, 100%, 100%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-056-18.4" class="primary">
        <td><strong>
            <a href="outline-color-056.xht">outline-color-056</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+100%, +100%, +100%)'
          <ul class="assert">
            <li>Outline color rgb(+100%, +100%, +100%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-057-18.4" class="primary">
        <td><strong>
            <a href="outline-color-057.xht">outline-color-057</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(101%, 101%, 101%)'
          <ul class="assert">
            <li>Outline color rgb(101%, 101%, 101%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-058-18.4" class="primary">
        <td><strong>
            <a href="outline-color-058.xht">outline-color-058</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(-1, -1, -1)'
          <ul class="assert">
            <li>Outline color rgb(-1, -1, -1) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-059-18.4" class="primary">
        <td><strong>
            <a href="outline-color-059.xht">outline-color-059</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 0, 0)'
          <ul class="assert">
            <li>Outline color rgb(0, 0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-060-18.4" class="primary">
        <td><strong>
            <a href="outline-color-060.xht">outline-color-060</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(1, 1, 1)'
          <ul class="assert">
            <li>Outline color rgb(1, 1, 1) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-061-18.4" class="primary">
        <td><strong>
            <a href="outline-color-061.xht">outline-color-061</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(-0, -0, -0)'
          <ul class="assert">
            <li>Outline color rgb(-0, -0, -0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-062-18.4" class="primary">
        <td><strong>
            <a href="outline-color-062.xht">outline-color-062</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+0, +0, +0)'
          <ul class="assert">
            <li>Outline color rgb(+0, +0, +0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-063-18.4" class="primary">
        <td><strong>
            <a href="outline-color-063.xht">outline-color-063</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(128, 128, 128)'
          <ul class="assert">
            <li>Outline color rgb(128, 128, 128) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-064-18.4" class="primary">
        <td><strong>
            <a href="outline-color-064.xht">outline-color-064</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+128, +128, +128)'
          <ul class="assert">
            <li>Outline color rgb(+128, +128, +128) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-065-18.4" class="primary">
        <td><strong>
            <a href="outline-color-065.xht">outline-color-065</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(254, 254, 254)'
          <ul class="assert">
            <li>Outline color rgb(254, 254, 254) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-066-18.4" class="primary">
        <td><strong>
            <a href="outline-color-066.xht">outline-color-066</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(255, 255, 255)'
          <ul class="assert">
            <li>Outline color rgb(255, 255, 255) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-067-18.4" class="primary">
        <td><strong>
            <a href="outline-color-067.xht">outline-color-067</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+255, +255, +255)'
          <ul class="assert">
            <li>Outline color rgb(+255, +255, +255) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-068-18.4" class="primary">
        <td><strong>
            <a href="outline-color-068.xht">outline-color-068</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(256, 256, 256)'
          <ul class="assert">
            <li>Outline color rgb(256, 256, 256) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-069-18.4" class="primary">
        <td><strong>
            <a href="outline-color-069.xht">outline-color-069</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(-1%, 0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(-1%, 0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-070-18.4" class="primary">
        <td><strong>
            <a href="outline-color-070.xht">outline-color-070</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(1%, 0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(1%, 0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-071-18.4" class="primary">
        <td><strong>
            <a href="outline-color-071.xht">outline-color-071</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(-0%, 0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(-0%, 0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-072-18.4" class="primary">
        <td><strong>
            <a href="outline-color-072.xht">outline-color-072</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+0%, 0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(+0%, 0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-073-18.4" class="primary">
        <td><strong>
            <a href="outline-color-073.xht">outline-color-073</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(50%, 0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(50%, 0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-074-18.4" class="primary">
        <td><strong>
            <a href="outline-color-074.xht">outline-color-074</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+50%, 0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(+50%, 0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-075-18.4" class="primary">
        <td><strong>
            <a href="outline-color-075.xht">outline-color-075</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(99%, 0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(99%, 0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-076-18.4" class="primary">
        <td><strong>
            <a href="outline-color-076.xht">outline-color-076</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(100%, 0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(100%, 0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-077-18.4" class="primary">
        <td><strong>
            <a href="outline-color-077.xht">outline-color-077</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+100%, 0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(+100%, 0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-078-18.4" class="primary">
        <td><strong>
            <a href="outline-color-078.xht">outline-color-078</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(101%, 0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(101%, 0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-079-18.4" class="primary">
        <td><strong>
            <a href="outline-color-079.xht">outline-color-079</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(-1, 0, 0)'
          <ul class="assert">
            <li>Outline color rgb(-1, 0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-080-18.4" class="primary">
        <td><strong>
            <a href="outline-color-080.xht">outline-color-080</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(1, 0, 0)'
          <ul class="assert">
            <li>Outline color rgb(1, 0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-081-18.4" class="primary">
        <td><strong>
            <a href="outline-color-081.xht">outline-color-081</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(-0, 0, 0)'
          <ul class="assert">
            <li>Outline color rgb(-0, 0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-082-18.4" class="primary">
        <td><strong>
            <a href="outline-color-082.xht">outline-color-082</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+0, 0, 0)'
          <ul class="assert">
            <li>Outline color rgb(+0, 0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-083-18.4" class="primary">
        <td><strong>
            <a href="outline-color-083.xht">outline-color-083</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(128, 0, 0)'
          <ul class="assert">
            <li>Outline color rgb(128, 0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-084-18.4" class="primary">
        <td><strong>
            <a href="outline-color-084.xht">outline-color-084</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+128, 0, 0)'
          <ul class="assert">
            <li>Outline color rgb(+128, 0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-085-18.4" class="primary">
        <td><strong>
            <a href="outline-color-085.xht">outline-color-085</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(254, 0, 0)'
          <ul class="assert">
            <li>Outline color rgb(254, 0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-086-18.4" class="primary">
        <td><strong>
            <a href="outline-color-086.xht">outline-color-086</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(255, 0, 0)'
          <ul class="assert">
            <li>Outline color rgb(255, 0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-087-18.4" class="primary">
        <td><strong>
            <a href="outline-color-087.xht">outline-color-087</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(+255, 0, 0)'
          <ul class="assert">
            <li>Outline color rgb(+255, 0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-088-18.4" class="primary">
        <td><strong>
            <a href="outline-color-088.xht">outline-color-088</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(256, 0, 0)'
          <ul class="assert">
            <li>Outline color rgb(256, 0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-089-18.4" class="primary">
        <td><strong>
            <a href="outline-color-089.xht">outline-color-089</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, -1%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, -1%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-090-18.4" class="primary">
        <td><strong>
            <a href="outline-color-090.xht">outline-color-090</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 1%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 1%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-091-18.4" class="primary">
        <td><strong>
            <a href="outline-color-091.xht">outline-color-091</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, -0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, -0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-092-18.4" class="primary">
        <td><strong>
            <a href="outline-color-092.xht">outline-color-092</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, +0%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, +0%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-093-18.4" class="primary">
        <td><strong>
            <a href="outline-color-093.xht">outline-color-093</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 50%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 50%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-094-18.4" class="primary">
        <td><strong>
            <a href="outline-color-094.xht">outline-color-094</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, +50%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, +50%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-095-18.4" class="primary">
        <td><strong>
            <a href="outline-color-095.xht">outline-color-095</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 99%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 99%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-096-18.4" class="primary">
        <td><strong>
            <a href="outline-color-096.xht">outline-color-096</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 100%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 100%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-097-18.4" class="primary">
        <td><strong>
            <a href="outline-color-097.xht">outline-color-097</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, +100%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, +100%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-098-18.4" class="primary">
        <td><strong>
            <a href="outline-color-098.xht">outline-color-098</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 101%, 0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 101%, 0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-099-18.4" class="primary">
        <td><strong>
            <a href="outline-color-099.xht">outline-color-099</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, -1, 0)'
          <ul class="assert">
            <li>Outline color rgb(0, -1, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-100-18.4" class="primary">
        <td><strong>
            <a href="outline-color-100.xht">outline-color-100</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 1, 0)'
          <ul class="assert">
            <li>Outline color rgb(0, 1, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-101-18.4" class="primary">
        <td><strong>
            <a href="outline-color-101.xht">outline-color-101</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, -0, 0)'
          <ul class="assert">
            <li>Outline color rgb(0, -0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-102-18.4" class="primary">
        <td><strong>
            <a href="outline-color-102.xht">outline-color-102</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, +0, 0)'
          <ul class="assert">
            <li>Outline color rgb(0, +0, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-103-18.4" class="primary">
        <td><strong>
            <a href="outline-color-103.xht">outline-color-103</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 128, 0)'
          <ul class="assert">
            <li>Outline color rgb(0, 128, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-104-18.4" class="primary">
        <td><strong>
            <a href="outline-color-104.xht">outline-color-104</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, +128, 0)'
          <ul class="assert">
            <li>Outline color rgb(0, +128, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-105-18.4" class="primary">
        <td><strong>
            <a href="outline-color-105.xht">outline-color-105</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 254, 0)'
          <ul class="assert">
            <li>Outline color rgb(0, 254, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-106-18.4" class="primary">
        <td><strong>
            <a href="outline-color-106.xht">outline-color-106</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 255, 0)'
          <ul class="assert">
            <li>Outline color rgb(0, 255, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-107-18.4" class="primary">
        <td><strong>
            <a href="outline-color-107.xht">outline-color-107</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, +255, 0)'
          <ul class="assert">
            <li>Outline color rgb(0, +255, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-108-18.4" class="primary">
        <td><strong>
            <a href="outline-color-108.xht">outline-color-108</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 256, 0)'
          <ul class="assert">
            <li>Outline color rgb(0, 256, 0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-109-18.4" class="primary">
        <td><strong>
            <a href="outline-color-109.xht">outline-color-109</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 0%, -1%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 0%, -1%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-110-18.4" class="primary">
        <td><strong>
            <a href="outline-color-110.xht">outline-color-110</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 0%, 1%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 0%, 1%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-111-18.4" class="primary">
        <td><strong>
            <a href="outline-color-111.xht">outline-color-111</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 0%, -0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 0%, -0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-112-18.4" class="primary">
        <td><strong>
            <a href="outline-color-112.xht">outline-color-112</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 0%, +0%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 0%, +0%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-113-18.4" class="primary">
        <td><strong>
            <a href="outline-color-113.xht">outline-color-113</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 0%, 50%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 0%, 50%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-114-18.4" class="primary">
        <td><strong>
            <a href="outline-color-114.xht">outline-color-114</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 0%, +50%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 0%, +50%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-115-18.4" class="primary">
        <td><strong>
            <a href="outline-color-115.xht">outline-color-115</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 0%, 99%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 0%, 99%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-116-18.4" class="primary">
        <td><strong>
            <a href="outline-color-116.xht">outline-color-116</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 0%, 100%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 0%, 100%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-117-18.4" class="primary">
        <td><strong>
            <a href="outline-color-117.xht">outline-color-117</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 0%, +100%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 0%, +100%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-118-18.4" class="primary">
        <td><strong>
            <a href="outline-color-118.xht">outline-color-118</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0%, 0%, 101%)'
          <ul class="assert">
            <li>Outline color rgb(0%, 0%, 101%) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-119-18.4" class="primary">
        <td><strong>
            <a href="outline-color-119.xht">outline-color-119</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 0, -1)'
          <ul class="assert">
            <li>Outline color rgb(0, 0, -1) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-120-18.4" class="primary">
        <td><strong>
            <a href="outline-color-120.xht">outline-color-120</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 0, 1)'
          <ul class="assert">
            <li>Outline color rgb(0, 0, 1) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-121-18.4" class="primary">
        <td><strong>
            <a href="outline-color-121.xht">outline-color-121</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 0, -0)'
          <ul class="assert">
            <li>Outline color rgb(0, 0, -0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-122-18.4" class="primary">
        <td><strong>
            <a href="outline-color-122.xht">outline-color-122</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 0, +0)'
          <ul class="assert">
            <li>Outline color rgb(0, 0, +0) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-123-18.4" class="primary">
        <td><strong>
            <a href="outline-color-123.xht">outline-color-123</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 0, 128)'
          <ul class="assert">
            <li>Outline color rgb(0, 0, 128) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-124-18.4" class="primary">
        <td><strong>
            <a href="outline-color-124.xht">outline-color-124</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 0, +128)'
          <ul class="assert">
            <li>Outline color rgb(0, 0, +128) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-125-18.4" class="primary">
        <td><strong>
            <a href="outline-color-125.xht">outline-color-125</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 0, 254)'
          <ul class="assert">
            <li>Outline color rgb(0, 0, 254) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-126-18.4" class="primary">
        <td><strong>
            <a href="outline-color-126.xht">outline-color-126</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 0, 255)'
          <ul class="assert">
            <li>Outline color rgb(0, 0, 255) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-127-18.4" class="primary">
        <td><strong>
            <a href="outline-color-127.xht">outline-color-127</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 0, +255)'
          <ul class="assert">
            <li>Outline color rgb(0, 0, +255) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-128-18.4" class="primary">
        <td><strong>
            <a href="outline-color-128.xht">outline-color-128</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'rgb(0, 0, 256)'
          <ul class="assert">
            <li>Outline color rgb(0, 0, 256) renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-129-18.4" class="primary">
        <td><strong>
            <a href="outline-color-129.xht">outline-color-129</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'aqua'
          <ul class="assert">
            <li>Outline color aqua renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-130-18.4" class="primary">
        <td><strong>
            <a href="outline-color-130.xht">outline-color-130</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'black'
          <ul class="assert">
            <li>Outline color black renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-131-18.4" class="primary">
        <td><strong>
            <a href="outline-color-131.xht">outline-color-131</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'blue'
          <ul class="assert">
            <li>Outline color blue renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-132-18.4" class="primary">
        <td><strong>
            <a href="outline-color-132.xht">outline-color-132</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'fuchsia'
          <ul class="assert">
            <li>Outline color fuchsia renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-133-18.4" class="primary">
        <td><strong>
            <a href="outline-color-133.xht">outline-color-133</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'gray'
          <ul class="assert">
            <li>Outline color gray renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-134-18.4" class="primary">
        <td><strong>
            <a href="outline-color-134.xht">outline-color-134</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'green'
          <ul class="assert">
            <li>Outline color green renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-135-18.4" class="primary">
        <td><strong>
            <a href="outline-color-135.xht">outline-color-135</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'lime'
          <ul class="assert">
            <li>Outline color lime renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-136-18.4" class="primary">
        <td><strong>
            <a href="outline-color-136.xht">outline-color-136</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'maroon'
          <ul class="assert">
            <li>Outline color maroon renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-137-18.4" class="primary">
        <td><strong>
            <a href="outline-color-137.xht">outline-color-137</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'navy'
          <ul class="assert">
            <li>Outline color navy renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-138-18.4" class="primary">
        <td><strong>
            <a href="outline-color-138.xht">outline-color-138</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'olive'
          <ul class="assert">
            <li>Outline color olive renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-139-18.4" class="primary">
        <td><strong>
            <a href="outline-color-139.xht">outline-color-139</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'orange'
          <ul class="assert">
            <li>Outline color orange renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-140-18.4" class="primary">
        <td><strong>
            <a href="outline-color-140.xht">outline-color-140</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'purple'
          <ul class="assert">
            <li>Outline color purple renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-141-18.4" class="primary">
        <td><strong>
            <a href="outline-color-141.xht">outline-color-141</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'red'
          <ul class="assert">
            <li>Outline color red renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-142-18.4" class="primary">
        <td><strong>
            <a href="outline-color-142.xht">outline-color-142</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'silver'
          <ul class="assert">
            <li>Outline color silver renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-143-18.4" class="primary">
        <td><strong>
            <a href="outline-color-143.xht">outline-color-143</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'teal'
          <ul class="assert">
            <li>Outline color teal renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-144-18.4" class="primary">
        <td><strong>
            <a href="outline-color-144.xht">outline-color-144</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'white'
          <ul class="assert">
            <li>Outline color white renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-145-18.4" class="primary">
        <td><strong>
            <a href="outline-color-145.xht">outline-color-145</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'yellow'
          <ul class="assert">
            <li>Outline color yellow renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-174-18.4" class="primary">
        <td><strong>
            <a href="outline-color-174.xht">outline-color-174</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline color set to 'invert'
          <ul class="assert">
            <li>Outline color 'invert' makes outline visible on any background color.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-175-18.4" class="primary">
        <td><strong>
            <a href="outline-color-175.xht">outline-color-175</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color set to 'inherit'
          <ul class="assert">
            <li>Outline color inherit renders the correct outline color on the element.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-001-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-001.xht">outline-color-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display table-row-group
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of table-row-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-002-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-002.xht">outline-color-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display table-header-group
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of table-header-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-003-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-003.xht">outline-color-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display table-footer-group
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of table-footer-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-004-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-004.xht">outline-color-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display table-row
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of table-row.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-005-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-005.xht">outline-color-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display table-column-group
          <ul class="assert">
            <li>The 'outline-color' property does not apply to elements with a display of table-column-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-006-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-006.xht">outline-color-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display table-column
          <ul class="assert">
            <li>The 'outline-color' property does not apply to elements with a display of table-column.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-007-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-007.xht">outline-color-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display table-cell
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of table-cell.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-008-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-008.xht">outline-color-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display inline
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of inline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-009-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-009.xht">outline-color-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display block
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of block.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-010-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-010.xht">outline-color-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display list-item
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of list-item.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-012-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-012.xht">outline-color-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display inline-block
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of inline-block.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-013-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-013.xht">outline-color-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display table
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of table.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-014-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-014.xht">outline-color-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display inline-table
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of inline-table.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-color-applies-to-015-18.4" class="primary">
        <td><strong>
            <a href="outline-color-applies-to-015.xht">outline-color-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-color applied to element with display table-caption
          <ul class="assert">
            <li>The 'outline-color' property applies to elements with a display of table-caption.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-individual-001-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-individual-001.xht">outline-individual-001</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-top is not valid
          <ul class="assert">
            <li>Outline does not support setting individual values for the outline like 'outline-top'.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-individual-002-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-individual-002.xht">outline-individual-002</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-left is not valid
          <ul class="assert">
            <li>Outline does not support setting individual values for the outline like 'outline-left'.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-individual-003-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-individual-003.xht">outline-individual-003</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-bottom is not valid
          <ul class="assert">
            <li>Outline does not support setting individual values for the outline like 'outline-bottom'.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-individual-004-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-individual-004.xht">outline-individual-004</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-right is not valid
          <ul class="assert">
            <li>Outline does not support setting individual values for the outline like 'outline-right'.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-layout-001-18.4" class="primary">
        <td><strong>
            <a href="outline-layout-001.xht">outline-layout-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Outlines and box layout
          <ul class="assert">
            <li>Outlines do not affect box layout.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-layout-002-18.4" class="primary">
        <td><strong>
            <a href="outline-layout-002.xht">outline-layout-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline and text layout
          <ul class="assert">
            <li>Outlines are visual indications that do not affect layout of other elements or text.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-layout-003-18.4" class="primary may">
        <td><strong>
            <a href="outline-layout-003.xht">outline-layout-003</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Outline and border placement
          <ul class="assert">
            <li>Outline may be drawn directly outside of the border.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-layout-004-18.4" class="primary">
        <td><strong>
            <a href="outline-layout-004.xht">outline-layout-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline is connected and closed
          <ul class="assert">
            <li>Outline is connected and encloses the appropriate content.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-layout-005-18.4" class="primary">
        <td><strong>
            <a href="outline-layout-005.xht">outline-layout-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline is the same on all sides
          <ul class="assert">
            <li>Outline is the same on all sides.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-no-relayout-001-18.4" class="primary dom interact">
        <td><strong>
            <a href="outline-no-relayout-001.xht">outline-no-relayout-001</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Outline-width is changed via script
          <ul class="assert">
            <li>Scripts can change outline width, without causing a reflow.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-overlap-001-18.4" class="primary">
        <td><strong>
            <a href="outline-overlap-001.xht">outline-overlap-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline overlaps with other elements
          <ul class="assert">
            <li>Outline can overlap with other elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-001-18.4" class="primary">
        <td><strong>
            <a href="outline-style-001.xht">outline-style-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style set to 'none'
          <ul class="assert">
            <li>Outline style 'none' results in no outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-002-18.4" class="primary">
        <td><strong>
            <a href="outline-style-002.xht">outline-style-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style set to 'dotted'
          <ul class="assert">
            <li>Outline style 'dotted' results in a dotted outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-003-18.4" class="primary">
        <td><strong>
            <a href="outline-style-003.xht">outline-style-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style set to 'dashed'
          <ul class="assert">
            <li>Outline style 'dashed' results in a dashed outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-004-18.4" class="primary">
        <td><strong>
            <a href="outline-style-004.xht">outline-style-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style set to 'solid'
          <ul class="assert">
            <li>Outline style 'solid' results in a solid outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-005-18.4" class="primary">
        <td><strong>
            <a href="outline-style-005.xht">outline-style-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style set to 'double'
          <ul class="assert">
            <li>Outline style 'double' results in a double-line outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-006-18.4" class="primary">
        <td><strong>
            <a href="outline-style-006.xht">outline-style-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style set to 'groove'
          <ul class="assert">
            <li>Outline style 'groove' results in a carved outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-007-18.4" class="primary">
        <td><strong>
            <a href="outline-style-007.xht">outline-style-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style set to 'ridge'
          <ul class="assert">
            <li>Outline style 'ridge' results in a ridged outline (as if it were a bump around the box).</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-008-18.4" class="primary">
        <td><strong>
            <a href="outline-style-008.xht">outline-style-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style set to 'inset'
          <ul class="assert">
            <li>Outline style 'inset' results in a sunken box.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-009-18.4" class="primary">
        <td><strong>
            <a href="outline-style-009.xht">outline-style-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style set to 'outset'
          <ul class="assert">
            <li>Outline style 'outset' results in a raised box.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-010-18.4" class="primary">
        <td><strong>
            <a href="outline-style-010.xht">outline-style-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style set to 'inherit'
          <ul class="assert">
            <li>Outline-style with value 'inherit' uses its parent's outline-style value.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-001-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-001.xht">outline-style-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display table-row-group
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of table-row-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-002-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-002.xht">outline-style-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display table-header-group
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of table-header-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-003-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-003.xht">outline-style-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display table-footer-group
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of table-footer-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-004-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-004.xht">outline-style-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display table-row
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of table-row.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-005-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-005.xht">outline-style-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display table-column-group
          <ul class="assert">
            <li>The 'outline-style' property does not apply to elements with a display of table-column-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-006-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-006.xht">outline-style-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display table-column
          <ul class="assert">
            <li>The 'outline-style' property does not apply to elements with a display of table-column.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-007-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-007.xht">outline-style-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display table-cell
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of table-cell.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-008-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-008.xht">outline-style-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display inline
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of inline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-009-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-009.xht">outline-style-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display block
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of block.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-010-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-010.xht">outline-style-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display list-item
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of list-item.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-012-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-012.xht">outline-style-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display inline-block
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of inline-block.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-013-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-013.xht">outline-style-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display table
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of table.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-014-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-014.xht">outline-style-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display inline-table
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of inline-table.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-applies-to-015-18.4" class="primary">
        <td><strong>
            <a href="outline-style-applies-to-015.xht">outline-style-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style applied to element with display table-caption
          <ul class="assert">
            <li>The 'outline-style' property applies to elements with a display of table-caption.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-style-hidden-001-18.4" class="primary">
        <td><strong>
            <a href="outline-style-hidden-001.xht">outline-style-hidden-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-style set to 'hidden'
          <ul class="assert">
            <li>Outline style does not support the 'border-style' value of 'hidden'.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-001-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-width-001.xht">outline-width-001</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-width - outline the box with a -1px solid outline
          <ul class="assert">
            <li>The 'outline-width' property does not support a negative length value in pixels and is ignored.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-002-18.4" class="primary">
        <td><strong>
            <a href="outline-width-002.xht">outline-width-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width set to a minimum value for pixels
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in pixels that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-003-18.4" class="primary">
        <td><strong>
            <a href="outline-width-003.xht">outline-width-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 1px solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum plus one length value in pixels that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-004-18.4" class="primary">
        <td><strong>
            <a href="outline-width-004.xht">outline-width-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a -0px solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in pixels that that has a minus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-005-18.4" class="primary">
        <td><strong>
            <a href="outline-width-005.xht">outline-width-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +0px solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in pixels that that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-006-18.4" class="primary">
        <td><strong>
            <a href="outline-width-006.xht">outline-width-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 5px solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in pixels that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-007-18.4" class="primary">
        <td><strong>
            <a href="outline-width-007.xht">outline-width-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +5px solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in pixels that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-012-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-width-012.xht">outline-width-012</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-width with a minimum minus one value in points
          <ul class="assert">
            <li>The 'outline-width' property does not support a negative length value in points and is ignored.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-013-18.4" class="primary">
        <td><strong>
            <a href="outline-width-013.xht">outline-width-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width with a minimum value in points
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in points that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-014-18.4" class="primary">
        <td><strong>
            <a href="outline-width-014.xht">outline-width-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width with a minimum plus one value in points
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum plus one length value in points that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-015-18.4" class="primary">
        <td><strong>
            <a href="outline-width-015.xht">outline-width-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width with a negative minimum value in points
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in points that that has a minus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-016-18.4" class="primary">
        <td><strong>
            <a href="outline-width-016.xht">outline-width-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width with a positive minimum value in points
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in points that that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-017-18.4" class="primary">
        <td><strong>
            <a href="outline-width-017.xht">outline-width-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 5pt solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in points that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-018-18.4" class="primary">
        <td><strong>
            <a href="outline-width-018.xht">outline-width-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +5pt solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in points that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-023-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-width-023.xht">outline-width-023</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-width - outline the box with a -1pc solid outline
          <ul class="assert">
            <li>The 'outline-width' property does not support a negative length value in picas and is ignored.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-024-18.4" class="primary">
        <td><strong>
            <a href="outline-width-024.xht">outline-width-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 0pc solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in picas that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-025-18.4" class="primary">
        <td><strong>
            <a href="outline-width-025.xht">outline-width-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 1pc solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum plus one length value in picas that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-026-18.4" class="primary">
        <td><strong>
            <a href="outline-width-026.xht">outline-width-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a -0pc solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in picas that that has a minus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-027-18.4" class="primary">
        <td><strong>
            <a href="outline-width-027.xht">outline-width-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +0pc solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in picas that that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-028-18.4" class="primary">
        <td><strong>
            <a href="outline-width-028.xht">outline-width-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 5pc solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in picas that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-029-18.4" class="primary">
        <td><strong>
            <a href="outline-width-029.xht">outline-width-029</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +5pc solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in picas that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-034-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-width-034.xht">outline-width-034</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-width - outline the box with a -1cm solid outline
          <ul class="assert">
            <li>The 'outline-width' property does not support a negative length value in centimeters and is ignored.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-035-18.4" class="primary">
        <td><strong>
            <a href="outline-width-035.xht">outline-width-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 0cm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in centimeters that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-036-18.4" class="primary">
        <td><strong>
            <a href="outline-width-036.xht">outline-width-036</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 1cm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum plus one length value in centimeters that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-037-18.4" class="primary">
        <td><strong>
            <a href="outline-width-037.xht">outline-width-037</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a -0cm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in centimeters that that has a minus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-038-18.4" class="primary">
        <td><strong>
            <a href="outline-width-038.xht">outline-width-038</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +0cm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in centimeters that that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-039-18.4" class="primary">
        <td><strong>
            <a href="outline-width-039.xht">outline-width-039</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 5cm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in centimeters that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-040-18.4" class="primary">
        <td><strong>
            <a href="outline-width-040.xht">outline-width-040</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +5cm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in centimeters that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-045-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-width-045.xht">outline-width-045</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-width - outline the box with a -1mm solid outline
          <ul class="assert">
            <li>The 'outline-width' property does not support a negative length value in millimeters and is ignored.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-046-18.4" class="primary">
        <td><strong>
            <a href="outline-width-046.xht">outline-width-046</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 0mm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in millimeters that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-047-18.4" class="primary">
        <td><strong>
            <a href="outline-width-047.xht">outline-width-047</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 1mm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum plus one length value in millimeters that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-048-18.4" class="primary">
        <td><strong>
            <a href="outline-width-048.xht">outline-width-048</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a -0mm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in millimeters that that has a minus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-049-18.4" class="primary">
        <td><strong>
            <a href="outline-width-049.xht">outline-width-049</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +0mm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in millimeters that that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-050-18.4" class="primary">
        <td><strong>
            <a href="outline-width-050.xht">outline-width-050</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 5mm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in millimeters that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-051-18.4" class="primary">
        <td><strong>
            <a href="outline-width-051.xht">outline-width-051</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +5mm solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in millimeters that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-056-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-width-056.xht">outline-width-056</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-width - outline the box with a -1in solid outline
          <ul class="assert">
            <li>The 'outline-width' property does not support a negative length value in inches and is ignored.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-057-18.4" class="primary">
        <td><strong>
            <a href="outline-width-057.xht">outline-width-057</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 0in solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in inches that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-058-18.4" class="primary">
        <td><strong>
            <a href="outline-width-058.xht">outline-width-058</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 1in solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum plus one length value in inches that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-059-18.4" class="primary">
        <td><strong>
            <a href="outline-width-059.xht">outline-width-059</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a -0in solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in inches that that has a minus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-060-18.4" class="primary">
        <td><strong>
            <a href="outline-width-060.xht">outline-width-060</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +0in solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in inches that that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-061-18.4" class="primary">
        <td><strong>
            <a href="outline-width-061.xht">outline-width-061</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 5in solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in inches that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-062-18.4" class="primary">
        <td><strong>
            <a href="outline-width-062.xht">outline-width-062</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +5in solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in inches that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-067-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-width-067.xht">outline-width-067</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-width - outline the box with a -1em solid outline
          <ul class="assert">
            <li>The 'outline-width' property does not support a negative length value in 'em' units and is ignored.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-068-18.4" class="primary">
        <td><strong>
            <a href="outline-width-068.xht">outline-width-068</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 0em solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in 'em' units that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-069-18.4" class="primary">
        <td><strong>
            <a href="outline-width-069.xht">outline-width-069</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 1em solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum plus one length value in 'em' units that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-070-18.4" class="primary">
        <td><strong>
            <a href="outline-width-070.xht">outline-width-070</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a -0em solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in 'em' units that that has a minus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-071-18.4" class="primary">
        <td><strong>
            <a href="outline-width-071.xht">outline-width-071</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +0em solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in 'em' units that that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-072-18.4" class="primary">
        <td><strong>
            <a href="outline-width-072.xht">outline-width-072</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 5em solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in 'em' units that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-073-18.4" class="primary">
        <td><strong>
            <a href="outline-width-073.xht">outline-width-073</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +5em solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in 'em' units that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-078-18.4" class="primary invalid">
        <td><strong>
            <a href="outline-width-078.xht">outline-width-078</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Outline-width - outline the box with a -1ex solid outline
          <ul class="assert">
            <li>The 'outline-width' property does not support a negative length value in 'ex' units and is ignored.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-079-18.4" class="primary">
        <td><strong>
            <a href="outline-width-079.xht">outline-width-079</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 0ex solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in 'ex' units that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-080-18.4" class="primary">
        <td><strong>
            <a href="outline-width-080.xht">outline-width-080</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 1ex solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum plus one length value in 'ex' units that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-081-18.4" class="primary">
        <td><strong>
            <a href="outline-width-081.xht">outline-width-081</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a -0ex solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in 'ex' units that that has a minus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-082-18.4" class="primary">
        <td><strong>
            <a href="outline-width-082.xht">outline-width-082</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +0ex solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value in 'ex' units that that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-083-18.4" class="primary">
        <td><strong>
            <a href="outline-width-083.xht">outline-width-083</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 5ex solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in 'ex' units that sets the width of the outline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-084-18.4" class="primary">
        <td><strong>
            <a href="outline-width-084.xht">outline-width-084</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +5ex solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a nominal length value in 'ex' units that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-089-18.4" class="primary">
        <td><strong>
            <a href="outline-width-089.xht">outline-width-089</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a -0 solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value with no units that has a minus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-090-18.4" class="primary">
        <td><strong>
            <a href="outline-width-090.xht">outline-width-090</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a 0 solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-091-18.4" class="primary">
        <td><strong>
            <a href="outline-width-091.xht">outline-width-091</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a +0 solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a minimum length value with no units that has a plus sign before it.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-092-18.4" class="primary">
        <td><strong>
            <a href="outline-width-092.xht">outline-width-092</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a thin solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a value of 'thin'.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-093-18.4" class="primary">
        <td><strong>
            <a href="outline-width-093.xht">outline-width-093</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a medium solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a value of 'medium'.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-094-18.4" class="primary">
        <td><strong>
            <a href="outline-width-094.xht">outline-width-094</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width - outline the box with a thick solid outline
          <ul class="assert">
            <li>The 'outline-width' property supports a value of 'thick'.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-095-18.4" class="primary">
        <td><strong>
            <a href="outline-width-095.xht">outline-width-095</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width set to 'inherit'
          <ul class="assert">
            <li>The 'outline-width' property supports a value of 'inherit' and gets its computed value from its parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-096-18.4" class="primary">
        <td><strong>
            <a href="outline-width-096.xht">outline-width-096</a></strong></td>
        <td></td>
        <td></td>
        <td>outline-width - 'outline-style: none' and inherit
          <ul class="assert">
            <li>The computed value of 'outline-width' property is '0' if 'outline-style' is 'none'</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-001-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-001.xht">outline-width-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display table-row-group
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of table-row-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-002-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-002.xht">outline-width-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display table-header-group
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of table-header-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-003-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-003.xht">outline-width-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display table-footer-group
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of table-footer-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-004-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-004.xht">outline-width-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display table-row
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of table-row.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-005-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-005.xht">outline-width-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display table-column-group
          <ul class="assert">
            <li>The 'outline-width' property does not apply to elements with a display of table-column-group.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-006-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-006.xht">outline-width-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display table-column
          <ul class="assert">
            <li>The 'outline-width' property does not apply to elements with a display of table-column.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-007-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-007.xht">outline-width-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display table-cell
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of table-cell.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-008-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-008.xht">outline-width-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display inline
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of inline.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-009-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-009.xht">outline-width-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display block
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of block.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-010-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-010.xht">outline-width-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display list-item
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of list-item.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-012-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-012.xht">outline-width-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display inline-block
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of inline-block.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-013-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-013.xht">outline-width-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display table
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of table.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-014-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-014.xht">outline-width-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display inline-table
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of inline-table.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-width-applies-to-015-18.4" class="primary">
        <td><strong>
            <a href="outline-width-applies-to-015.xht">outline-width-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Outline-width applied to element with display table-caption
          <ul class="assert">
            <li>The 'outline-width' property applies to elements with a display of table-caption.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s18.4.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s18.4.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/ui.html#outline-focus">18.4.1 Outlines and the focus
</a></th></tr>
      <!-- 3 tests -->
      <tr id="outline-pseudo-selector-001-18.4.1" class="primary interact">
        <td><strong>
            <a href="outline-pseudo-selector-001.xht">outline-pseudo-selector-001</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Outline specified with the ':focus' selector
          <ul class="assert">
            <li>Outline works with the ':focus' selectors.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-pseudo-selector-002-18.4.1" class="primary interact">
        <td><strong>
            <a href="outline-pseudo-selector-002.xht">outline-pseudo-selector-002</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Outline specified with the ':hover' selector
          <ul class="assert">
            <li>Outline works with the ':hover' selector.</li>
          </ul>
        </td>
      </tr>
      <tr id="outline-pseudo-selector-003-18.4.1" class="primary interact">
        <td><strong>
            <a href="outline-pseudo-selector-003.xht">outline-pseudo-selector-003</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Outline specified with the ':active' selector
          <ul class="assert">
            <li>Outline works with the ':active' selectors.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s18.5">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s18.5">+</a>
        <a href="http://www.w3.org/TR/CSS21/ui.html#magnification">18.5 Magnification
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
  </table>

 </body>
</html>
